<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
   
    <title>黑客行为档案</title>
    <link href="../dist/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="../dist/css/font-awesome.css" rel="stylesheet" type="text/css">
    <link href="../dist/css/animation.css" rel="stylesheet" type="text/css">
    <link href="../dist/css/Button.css" rel="stylesheet" type="text/css">
    <link href="../dist/css/this/base.css" rel="stylesheet" type="text/css">
    <link href="../dist/css/this/taskList.css" rel="stylesheet" type="text/css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<style>
	.tile{
         opacity: 0;
         -webkit-transform: scale(.8);
         transform: scale(.8);
        }
	</style>
  </head>
  <body>
	<!-- navbar -->
    <header class="navbar navbar-inverse navbar-fixed-top" role="banner">
	   <div class="container-fluid">
	        <div class="navbar-header ">
	            <button class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
	                <span class="sr-only">XXXXX</span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	            </button>
	          </div>
	     <div class="collapse navbar-collapse" id="example-navbar-collapse">     
	        <ul class="nav navbar-nav">
				<li ><a href="../index.html">搜索</a></li>
				<li ><a href="../search.html">注册信息</a></li>
				<li ><a href="../map.html">历史轨迹</a></li>
	        	<li class="dropdown active">
		          <a href="#" class="dropdown-toggle" data-toggle='dropdown'>域名搜索<span class="caret"></span></a>
		          <ul class="dropdown-menu" role="menu">
		            <li><a href="#">新建任务</a></li>
		            <li class="divider"></li>
		            <li><a href="./complete.html">已完成</a></li>
		            <li><a href="./taskList.html">正在进行</a></li>
		          </ul>
	        	</li> 
				<li ><a href="javascript:void(0);">贡献计划</a></li>
				<li class="dropdown">
		          <a href="#" class="dropdown-toggle" data-toggle="dropdown">帮助<span class="caret"></span></a>
		          <ul class="dropdown-menu" role="menu">
		            <li><a href="#">用户手册</a></li>
		            <li><a href="#">反馈</a></li>
		            <li><a href="#">API</a></li>
		            <li class="divider"></li>
		            <li><a href="#">关于</a></li>
		            <li><a href="#">更新日志</a></li>
		          </ul>
	        	</li>
			</ul>
			<ul class="nav navbar-nav navbar-right">
					<li class="taskitem">
						<a href="javascript:void(0);" class="trigger" title="正在运行的任务"><i class="icon-time"></i></a>
						<span class="count">4</span>
						<div class="pop-dialog">
		                    <div class="body">
		                        <a href="#" class="close-icon"><i class="icon-remove-sign"></i></a>
		                        <div class="messages">
		                            <a href="#" class="item">
		                                <div class="name">任务1：域名标题</div>
		                                <div class="progress progress-striped active">
										  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="89" aria-valuemin="0" aria-valuemax="100" style="width: 89%;">
										  89%
										  </div>
										</div>
		                                <span class="time"><i class="icon-time"></i> 预计剩余时间<span>2分钟</span></span>
		                            </a>
		                            <a href="#" class="item">
		                                <div class="name">任务2：域名标题</div>
		                                <div class="progress progress-striped active">
										  <div class="progress-bar" role="progressbar" aria-valuenow="44" aria-valuemin="0" aria-valuemax="100" style="width: 44%;">
										  44%
										  </div>
										</div>
		                                <span class="time"><i class="icon-time"></i> 预计剩余时间<span>2分钟</span></span>
		                            </a>
		                            <a href="#" class="item">
		                                <div class="name">任务3：域名标题</div>
		                                <div class="progress progress-striped active">
										  <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100" style="width: 10%;">
										  	10%
										  </div>
										</div>
		                                <span class="time"><i class="icon-time"></i> 预计剩余时间<span>2分钟</span></span>
		                            </a>
		                            <a href="#" class="item">
		                                <div class="name">任务4：域名标题</div>
		                                <div class="progress progress-striped active">
										  <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="99" aria-valuemin="0" aria-valuemax="100" style="width: 99%;">
										  	99%
										  </div>
										</div>
		                                <span class="time"><i class="icon-time"></i> 预计剩余时间<span>2分钟</span></span>
		                            </a>
		                        </div>
		                    </div>
	                	</div>
					</li>
		          	<li><a href="javascript:void(0);">注册账号</a></li>
		          	<li><a href="javascript:void(0);">登录</a></li>
		      </ul>
		</div>
    </div>
   </header>
    <!-- 页头巨幕 -->
	<div class="jumbotron">
	  <div class="container">
	    <h2>域名搜索-已完成<small></small></h2>
	  	<p>快速查看-编辑-新建任务</p>
	  </div>
	</div>
   	<div class="container metro tile-area-scheme-dark" id="container-list">
		<div style="left: 0px;" class="tile-group">
                <div class="tile double " data-role="tile">
                	<h2 class="title">www.baidu.com</h2>
                	<i class="icon-trash" title="删除"></i>
                	<button class="button button-tiny">查看详情</button>
                	<div class="brand">创建时间:<span>2015-08-22 00:11:00</span></div>
                </div>
                <div class="tile double " data-role="tile">
                	<h2 class="title">www.baidu.com</h2>
                	<i class="icon-trash" title="删除"></i>
                	<button class="button button-tiny">查看详情</button>
                	<div class="brand">创建时间:<span>2015-08-22 00:11:00</span></div>
                </div>
                <div class="tile double " data-role="tile">
                	<h2 class="title">www.baidu.com</h2>
                	<i class="icon-trash" title="删除"></i>
                	<button class="button button-tiny">查看详情</button>
                	<div class="brand">创建时间:<span>2015-08-22 00:11:00</span></div>
                </div>
                <div class="tile double " data-role="tile">
                	<h2 class="title">www.baidu.com</h2>
                	<i class="icon-trash" title="删除"></i>
                	<button class="button button-tiny">查看详情</button>
                	<div class="brand">创建时间:<span>2015-08-22 00:11:00</span></div>
                </div>
                <div class="tile double " data-role="tile">
                	<h2 class="title">www.baidu.com</h2>
                	<i class="icon-trash" title="删除"></i>
                	<button class="button button-tiny">查看详情</button>
                	<div class="brand">创建时间:<span>2015-08-22 00:11:00</span></div>
                </div>
                <div class="tile double " data-role="tile">
                	<h2 class="title">www.baidu.com</h2>
                	<i class="icon-trash" title="删除"></i>
                	<button class="button button-tiny">查看详情</button>
                	<div class="brand">创建时间:<span>2015-08-22 00:11:00</span></div>
                </div>
                <div class="tile double " data-role="tile">
                	<h2 class="title">www.baidu.com</h2>
                	<i class="icon-trash" title="删除"></i>
                	<button class="button button-tiny">查看详情</button>
                	<div class="brand">创建时间:<span>2015-08-22 00:11:00</span></div>
                </div>
  
        </div>
   	</div>
    
    
	<div class="last-div navbar-fixed-bottom">
		<div class="container">
			<div class="row">
				<nav class="foot-nav">
					<ul>
						<li><a href="#">用户手册</a></li>
						<li><a href="#">反馈</a></li>
						<li><a href="#">微博</a></li>
						<li><a href="#">English</a></li>
					</ul>
				</nav>
				<div class="copyright">
					Copyright © 2015 - Blue Shark. All Rights Reserved <br><span>由 " 蓝鲨情报数据平台 " 强力驱动</span>
				</div>
			</div>
		</div>
		<a href="#" class="scrollup"><i class="icon-chevron-up" ></i></a>	
	</div>
	<script src="../dist/js/jquery.min.js"></script>
	<script src="../dist/js/five.min.js"></script>
	<script src="../dist/js/common.js"></script>
	<script src="complete.js?v=1"></script>
	
</body>
</html>